@import './element-ui.scss';
@import './variables.scss';
@import './mixin.scss';
@import './transition.scss';
@import './sidebar.scss';
@import './topbar.scss';
@import './vxe-table.scss';
@import './font/font.css';



body {
  height: $contentHeight;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: PingFangSC-Regular, Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;

}


label {
  font-weight: 700;
}

html {
  height: 100%;
  box-sizing: border-box;
}

#app {
  height: 100vh;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

a:focus,
a:active {
  outline: none;
}

a,
a:focus,
a:hover {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}

div:focus {
  outline: none;
}

.clearfix {
  &:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: ' ';
    clear: both;
    height: 0;
  }
}

.ellipsis{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
// main-container global css
.app-container {
  padding: 20px;
}

/deep/ .el-input__suffix {
  display: flex !important;
  align-items: center !important;
}

.tableTag {
  display: inline-block;
  height: 25px;
  padding: 3px 8px;
  // width:54px;
  line-height: 17px;
  font-size: 12px;
  border-radius: 2px;
  box-sizing: border-box;
  white-space: nowrap;
  color: #878787;
  text-align: center;
  background-color: #dddddd;
  border: 1px solid#DDDDDD;
}

.tableTag--red {
  background-color: #fff0ef;
  color: #ff3b30;
  border: 1px solid#FFABA6;
}

.tableTag--purple {
  background-color: #f9f0ff;
  color: #722ed1;
  border: 1px solid#D3ADF7;
}

.tableTag--deepPurple {
  background-color: #f9f0ff;
  color: #6616d4;
  border: 1px solid#D3ADF7;
}

.tableTag--green {
  background-color: #f6ffed;
  color: #52c41a;
  border: 1px solid #b7eb8f;
}

.tableTag--blue {
  background-color: #edf5ff;
  color: #1677ff;
  border: 1px solid #97c3ff;
}

.tableTag--orange {
  background-color: #faf1d3;
  color: #d38a46;
  border: 1px solid #ecb989;
}

.tableTag--yellow {
  background-color: #f3eeac;
  color: #e0b159;
  border: 1px solid #eee67c;
}

.tableTag--darkGreen {
  background-color: #afcece;
  color: #668b8b;
  border: 1px solid #96afaf;
}

.tableTag--black {
  background-color: #000000;
  color: #ffffff;
  border: 1px solid #000000;
}

.round {
  border: 1px solid;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  display: inline-block;
  margin-right: 6px;
}

.round--grey {
  background-color: #dcdcdc;
  border-color: #dcdcdc;
}

.round--deepGrey {
  background-color: #a19e9e;
  border-color: #a19e9e;
}

.round--green {
  background-color: #2ec7c9;
  border-color: #2ec7c9;
}

.round--orange {
  background-color: #ffb980;
  border-color: #ffb980;
}

.round--deepOrange {
  background-color: #fa9c4f;
  border-color: #fa9c4f;
}

.round--red {
  background-color: #ff6a6a;
  border-color: #ff6a6a;
}

.round--purple {
  background-color: #b6a2de;
  border-color: #b6a2de;
}

.round--deepPurple {
  background-color: #8f6ad9;
  border-color: #8f6ad9;
}

.round--deepSkyBlue {
  background-color: DeepSkyBlue;
  border-color: DeepSkyBlue;
}

.round--blue {
  background-color: #5ab1ef;
  border: 1px solid #5ab1ef;
}

.round--yellow {
  background-color: yellow;
  border-color: yellow;
}

.round--greenyellow {
  background-color: greenyellow;
  border-color: greenyellow;
}

.el-input__inner {
  color: rgba(0, 0, 0, 0.8) !important;
}

.el-tree-select-popper {
  overflow-y: hidden !important;
  padding: 0;
}

.pointer {
  cursor: pointer;
}

.searchInput {
  width: 200px!important;
  margin-right: 15px;

  .el-input__suffix {
    display: flex;
    align-items: center;
  }
}

.searchSelect {
  margin-right: 15px;
  width: 215px;
}

.searchDate {

  .el-date-editor.el-input,
  .el-date-editor.el-input__inner {
    width: 190px;
  }

  .el-input__suffix {
    right: 35px;
  }

  .el-input__icon {
    position: relative;
    bottom: 4px;
  }

  .el-input__inner {
    width: 190px;
  }
}


/*滚动条整体样式*/
::-webkit-scrollbar {
  width: 6px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 6px;
  z-index: 100;
}

::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  background: rgba(144, 147, 153, 0.3);
}

::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  background: transparent;
}

.el-dialog__body {
  padding: 10px 20px;
}

.el-dialog__footer {
  padding: 10px 20px 20px;
}
